<template>
  <div class="boke">
    <navbar>
      <template v-slot="zz">
        <!-- {zz:{mess:'hello seec3'}} -->
        <div>hello{{zz.mess}}</div>
      </template>
      <template v-slot:a="ss">
          <!-- ss:{ccss:'hello seec3'} -->
        <div class="nav">
          <h3>播客的导航{{ss.ccss}}</h3>
        </div>
      </template>
      <template v-slot:b>
        <div class="nav">
          <h3>播客的导航1</h3>
        </div>
      </template>
    </navbar>
    <Tabbars></Tabbars>
  </div>
</template>
<script>
import Tabbars from "@/components/Tabbars";
import CButton from "../packages/Button";
console.log(CButton);
import Vue from "vue";
import Navbar from "../components/Navbar.vue";
Vue.use(CButton);
export default {
  name: "Boke",
  data() {
    return {
      message: "hello",
    };
  },
  components: {
    Tabbars,
    Navbar,
  },
  methods: {
    fn() {
      console.log("----");
    },
  },
  mounted() {
    console.log(this);
  },
};
</script>
<style lang="less" scoped>
.boke {
  background: @primary;
}
.nav {
  line-height: 60px;
  text-align: center;
}
</style>